<article id="wikiArticle">
<div></div>
<p><code><strong>filter()</strong></code>创建新的类型化数组，含有所有通过了测试的元素，测试由提供的函数实现。这个方法的算法和 <a href="Reference/Global_Objects/Array/filter" title="filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。"><code>Array.prototype.filter()</code></a><em>相同。</em> <em>TypedArray</em> 是这里的 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray#TypedArray_objects">类型化数组类型</a> 之一。</p>
<h2 id="语法">语法</h2>
<pre><code class="language-javascript"><var>typedarray</var>.filter(<var>callback</var>[, <var>thisArg</var>])</code></pre>
<h3 id="参数">参数</h3>
<dl>
<dt><code>callback</code></dt>
<dd>测试类型化数组每个元素的函数，以参数 <code>(element, index, typedarray)</code>调用。 如果返回 <code>true</code>则保留该元素，如果返回<code>false</code>则相反。</dd>
<dt><code>thisArg <span class="inlineIndicator optional optionalInline">可选</span></code></dt>
<dd>可选，执行<code>callback</code>时作为<code>this</code>的值。</dd>
</dl>
<h3 id="返回值">返回值</h3>
<p>新的类型化数组，含有通过测试的元素</p>
<h2 id="描述">描述</h2>
<p><code>filter</code>方法对类型化数组中的元素调用提供的 <code>callback</code>函数，并且会为<code>callback</code>返回 true 的那些元素构造新的类型化数组。 <code>callback</code> 只对拥有值的类型化数组下标调用。它不会对未定义的，被删除的或者没有赋值的下标调用。没有传给<code>callback</code>的类型化数组的元素只是简单跳过，不会包含在新数组中。</p>
<p><code>callback</code>以三个参数调用：</p>
<ol>
<li>元素的值</li>
<li>元素下标</li>
<li>被遍历的类型化数组对象</li>
</ol>
<p>如果将<code>thisArg</code>参数提供给<code>filter</code>，它会在调用时传递给<code>callback</code>，作为它的 <code>this</code>值。否则，会传递<code>undefined</code> 作为它的<code>this</code> 值。  <code>callback</code>最终观测到的<code>this</code>值由 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this">用于决定函数可见的<code>this</code>值的一般规则</a>来决定。</p>
<p><code>filter()</code>不改变在其上调用的类型化数组。</p>
<p>由 <code>filter</code>处理的元素范围在<code>callback</code>调用之前就确定了。 在 <code>filter</code>调用之后添加到数组的元素不会由 <code>callback</code>访问。 如果类型化数组的现有元素被改变，或被删除，它们传给<code>callback</code>的值是<code>filter</code> 访问它们时候的值。已删除的元素不会被访问。</p>
<h2 id="示例">示例</h2>
<h3 id="过滤所有较小的值">过滤所有较小的值</h3>
<p>下面的示例使用了 <code>filter()</code> 来创建过滤后的类型化数组，小于 10 的元素都被移除了。</p>
<pre><code  class="language-javascript">function isBigEnough(element, index, array) {
  return element &gt;= 10;
}
new Uint8Array([12, 5, 8, 130, 44]).filter(isBigEnough); 
// Uint8Array [ 12, 130, 44 ]
</code></pre>
<h3 id="使用箭头函数过滤类型化数组的元素">使用箭头函数过滤类型化数组的元素</h3>
<p><a href="/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">箭头函数</a> 为相同测试提供了更短的语法。</p>
<pre><code  class="language-javascript">new Uint8Array([12, 5, 8, 130, 44]).filter(elem =&gt; elem &gt;= 10); 
// Uint8Array [ 12, 130, 44 ]</code></pre>
<h2 id="规范">规范</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
<tr>
<td><a class="external" href="https://www.ecma-international.org/ecma-262/6.0/#sec-%typedarray%.prototype.filter" hreflang="en" lang="en" rel="noopener">ECMAScript 2015 (6th Edition, ECMA-262)<br/><small lang="zh-CN">TypedArray.prototype.filter</small></a></td>
<td><span class="spec-Standard">Standard</span></td>
<td>初始定义</td>
</tr>
<tr>
<td><a class="external" href="https://tc39.github.io/ecma262/#sec-%typedarray%.prototype.filter" hreflang="en" lang="en" rel="noopener">ECMAScript Latest Draft (ECMA-262)<br/><small lang="zh-CN">TypedArray.prototype.filter</small></a></td>
<td><span class="spec-Draft">Draft</span></td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="浏览器兼容性">浏览器兼容性</h2>
<div><div class="blockIndicator warning"><strong><a class="external" href="https://github.com/mdn/browser-compat-data" rel="noopener">We're converting our compatibility data into a machine-readable JSON format</a></strong>.
            This compatibility table still uses the old format,
            because we haven't yet converted the data it contains.
            <strong><a class="new" href="/zh-CN/docs/MDN/Contribute/Structures/Compatibility_tables" rel="nofollow">Find out how you can help!</a></strong></div>
<div class="htab">
<a id="AutoCompatibilityTable" name="AutoCompatibilityTable"></a>
<ul>
<li class="selected"><a>Desktop</a></li>
<li><a>Mobile</a></li>
</ul>
</div></div>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Basic support</td>
<td>45</td>
<td><a href="/en-US/Firefox/Releases/38" title="Released on 2015-05-19.">38</a> (38)</td>
<td><span style="color: #f00;">未实现</span></td>
<td><span style="color: #f00;">未实现</span></td>
<td><span style="color: #f00;">未实现</span></td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Chrome for Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td><span style="color: #f00;">未实现</span></td>
<td><span style="color: #f00;">未实现</span></td>
<td>38.0 (38)</td>
<td><span style="color: #f00;">未实现</span></td>
<td><span style="color: #f00;">未实现</span></td>
<td><span style="color: #f00;">未实现</span></td>
</tr>
</tbody>
</table>
</div>
<h2 id="另见">另见</h2>
<ul>
<li><a href="Reference/Global_Objects/TypedArray/every" title="every() 方法测试类型化数组的所有元素是否都能够通过由提供函数实现的测试。这个方法的算法与 Array.prototype.every()相同。 TypedArray 是这里的 类型化数组类型 之一。"><code>TypedArray.prototype.every()</code></a></li>
<li><a href="Reference/Global_Objects/TypedArray/some" title="这个 some() 方法检测 TypedArray 的一些元素是否通过所提供函数的测试. 这个方法和 Array.prototype.some() 相同. TypedArray 是 typed array types 之一."><code>TypedArray.prototype.some()</code></a></li>
<li><a href="Reference/Global_Objects/Array/filter" title="filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。"><code>Array.prototype.filter()</code></a></li>
</ul>
</article>